<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc" %>
<%@ include file="/WEB-INF/inc/script.inc" %>
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<base href="${base}">
    <title>中金通 | 销售管理</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
	<link href="js/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet">
	
	
	<!-- Data Tables -->
    <link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.responsive.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.tableTools.min.css" rel="stylesheet">
    <link href="css/investor/jNotify.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">


</head>

<body>

    <div id="wrapper">

    	<!-- 左侧菜单 -->
        <jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>

        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
        <!-- 头部工具栏区 -->
        <jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
        </div>
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-10">
                    <h2>销售管理</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="common/platform">Home</a>
                        </li>
                        <li>
                            <a href="appointment/list">预约管理</a>
                        </li>
                        <li class="active">
                            <strong>新增预约</strong>
                        </li>
                    </ol>
                </div>
                <div class="col-lg-2">

                </div>
            </div>
		
		<div class="row" style="margin-top:10px;">
			<div class="col-md-12">
                  <div class="tabs-container">
                      <ul class="nav nav-tabs">
                          <li>
							<a href="appointment/list">
								 预约列表
							</a>
						  </li>
						  <li class="active">
							<a href="appointment/add">
								 新增预约
							</a>
						  </li>
                      </ul>
			      <div class="tab-content">
			         <div class="tab-pane active">
			             <div class="panel-body">
			               <div class="row">
			                <div class="col-md-12">
			                    <div class="ibox">
			                        <div><!-- class="ibox-content" -->
			                            <form method="post" id="addForm" enctype="multipart/form-data" action="investor/doAdd" class="form-horizontal">
									        <div class="hr-line-dashed"></div>
			                                <div class="form-group"><label class="col-sm-2 control-label"><font color="red">*&nbsp;&nbsp;</font>投资人姓名</label>
			                                    <div class="col-sm-4">
			                                    	<input type="text" placeholder="姓名/手机号/身份证号"  id="myInvestor" value="" name="name" class="form-control">
			                                    	<span class="help-block m-b-none">请输入投资人相关信息并选择投资人</span>
			                                    	<input style="display:none;" name="investorId" id="investorId" value="" >
			                                    	<input style="display:none;" name="investorName" id="investorName" value="" >  
			                                    </div>
			                                    <div style="width:300px;margin-left:900px;margin-top:-10px;position:absolute;">
									        </div>
			                                </div>
			                                <div class="hr-line-dashed"></div>
			                                <div class="form-group"><label class="col-sm-2 control-label"><br/><font color="red">*&nbsp;&nbsp;</font><small class="text-navy">意向产品</small></label>
												 <div class="col-sm-4"><input type="text" placeholder="产品" value="" readOnly="true" id="product"  name="product" class="form-control"> <span class="help-block m-b-none">请在右侧选择您的意向产品</span>
			                                   		<input style="display:none;" name="productId" id="productId" value="" >
			                                    	<input style="display:none;" name="productName" id="productName" value="" >
			                                    	<input style="display:none;" name="productBriefName" id="productBriefName"value="" >
			                                    	<input style="display:none;" name="available" id="available" value="" >
			                                    	<input style="display:none;" name="subStart" id="subStart" value="" >    
			                                    </div>
			                                     <div class="col-sm-1">
				                                     <a class="btn btn-white btn-bitbucket"  id="addStaff-addAll" onclick="plu();"><i class="fa fa-mail-reply"></i></a>
			                                     </div>
			                                     <div class="col-lg-5 m-l-n" ><select class="form-control" id="selGroupId" name="productId" multiple="">
			                                            <c:forEach items="${productList}" var="list" varStatus="st">
															<option value="${list.id}" available="${list.available}" subStart="${list.subStart}" productname="${list.productName}" name="${list.briefName}"> ${list.productName}(${list.briefName})</option>
														</c:forEach>
			                                     </select></div>
			                                </div>
			                                <div class="hr-line-dashed"></div>
			                                <div class="form-group"><label class="col-sm-2 control-label">金额</label>
			                                    <div class="col-sm-4">
			                                   		 <input type="text" placeholder="金额" name="orderAmount" id="orderAmount" value="" class="form-control">
			                                   		 <span class="help-block m-b-none">意向购买金额范围需在 <span id="start_amount"> - </span> 元至 <span id="end_amount"> - </span> 元间</span>
			                                    </div>
			                                </div>
			                                <div class="hr-line-dashed"></div>
			                                <div class="form-group"><label class="col-sm-2 control-label" for="datetimepicker"><font color="red">*&nbsp;&nbsp;</font>预约时间</label>
			                             	 <div class="col-sm-4">
			                             	 	<input class="form-control" id="appointTime" name="appointTime"  onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss',choose: function(dates){var date = $('#appointTime').val();var startDate = Date.parse(date);var today = new Date();var todayTime = today.getTime();if(startDate <= todayTime){$('#appo_submit').attr('disabled',true);}else{$('#appo_submit').attr('disabled',false);}}})">
						                    	<span class="help-block m-b-none">预约时间必须大于当前时间</span>
						                    </div>
			                                </div>
			                                <div class="hr-line-dashed"></div>
			                                <div class="form-group"><label class="col-sm-2 control-label"><font color="red">*&nbsp;&nbsp;</font>理财师工号</label>
			                                    <div class="col-sm-4">
			                                    	<input type="text" placeholder="姓名/工号" readOnly="true"  value="" id="employeeNo" name="employeeNo" class="form-control">
			                                    </div>
			                                    <input style="display:none;" name="employeeId" id="employeeId" value="" >  
			                                    <input style="display:none;" name="employeeName" id="employeeName" value="" >  
			                                </div>
			                               <!--  <button class="btn btn-white" type="reset" id="btn_reset" style="display:none;">重置</button> -->
			                                <div class="hr-line-dashed"></div>
			                                <div class="form-group">
			                                    <div class="col-sm-4 col-sm-offset-5">
			                                    	<button class="btn btn-white" style="display:none;" type="reset" id="btn_reset">重置</button>
			                                        <button class="btn btn-white"  type="reset" onclick="backList();">取消</button>
			                                        <button class="btn btn-primary" type="submit" id="appo_submit">保存</button>
			                                    </div>
			                                </div>
			                            </form>
			                        </div>
			                    </div>
			                </div>
			            </div>
			          </div>
			      </div>
			      
			  </div>
                  </div>
               </div>
		</div>
		
        <!-- 底部版权 -->
        <jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>

        </div>
        </div>

    <!-- Mainly scripts -->
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
	<script src="js/plugins/validate/jquery.validate.min.js" type="text/javascript"></script>
	<script src="js/plugins/validate/jquery.validate.messages-zh_CN.js" type="text/javascript"></script>
    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>
    <script src="js/plugins/jquery-ui/jquery-ui.min.js"></script>
	<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
    <!-- Data Tables -->
    <script src="js/laydate-master/laydate.js"></script>
    <script src="js/plugins/dataTables/jquery.dataTables.min.js"></script>
    <script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="js/plugins/dataTables/dataTables.responsive.js"></script>
    <script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script>
    
    <!-- 业务 -->
    <script src="js/appointment/add.js?v=${jsVersion}"></script>
     <script src="js/investor/utils.js?v=${jsVersion}"></script>
    <script src="js/investor/jNotify.js"></script>
    <!-- Page-Level Scripts -->
    <script>
        $(document).ready(function() {
			AppointmentAdd.init();
			laydate.skin("molv");
        });

    </script>

</body>

</html>
